import React, {ReactNode} from "react";
import './designProPage.less'
import {designPage} from "plain-design-composition";

export function designProPage(setup: (...args: any[]) => () => ReactNode) {
    return designPage((...args: any[]) => {
        const render = setup(...args)
        return () => <>
            {render()}
            <div className="pro-page-foot">
                <div>
                    <span>Plain Design Pro</span>
                    <i className="pp-font pp-github"/>
                    <span>Plain Design</span>
                </div>
                <div>
                    © 2021 Produced by MARTSFOREVER
                </div>
            </div>
        </>
    })
}